

<section class="index">
  <!--logo login-->
  <header class="headerL" id="info">
    <div class="contentBox">
      <div class="index-title-header clearfix" >
        <img src="../assets/img/logo-page2.png" alt="" class="floatL logoJs">
        <span class="color-white">法悦</span>
        <span  ui-sref="loginHeader.register" class="floatR active">注册</span>
        <span  ui-sref="loginHeader.login"  class="floatR" >登录</span>
      </div>
    </div>

  </header>
  <!--logo login end-->

  <!--text search -->
  <div class="seacher-header contentBox">
    <div class="txtContent">
      <!--text -->
      <div class="padding-t-100 line-height-3 padding-l-10b">
        法悦是为互联网时代的律师打造的协作办公平台，为律师提供所需的一切服务。
      </div>
      <!--text end-->
      <!--search -->
      <div class="padding-t-100">
        <!--
        <ul class="searchTab ">
          <li ng-class="{'active':searchTb==1}" ng-click="searchTb=1">
            裁判文书<span class="arrowbox arrow-up" ng-show="searchTb==1"></span>
          </li>
          <li ng-class="{'active':searchTb==2}" ng-click="searchTb=2">
            法律法规<span class="arrowbox arrow-up" ng-show="searchTb==2"></span>
          </li>
        </ul>
        <div class="form-group searchC" ng-show="searchTb==1">
          <i class="icon-user glyphicon glyphicon-search"></i>
          <input type="text" class="form-control" placeholder="输入关键字" style="line-height:34px">
        </div>
        <div class="form-group searchC" ng-show="searchTb==2">
          <i class="icon-user glyphicon glyphicon-search"></i>
          <input type="text" class="form-control"  placeholder="输入关键字、律师、法官、当事人、案由等..." style="line-height:34px">
        </div>
      -->

      </div>
      <!--search end-->
      <div class="padding-t-100 text-center">
         <a class="color-white font-size-18" style="position: relative;" ui-sref="loginHeader.login" >
           开始工作
           <p class="arrowbox arrow-left tostart"></p>
         </a>
      </div>
      <!--search end-->

    </div>


  </div>
  <!--text search end-->

  <!--tab -->
  <div class="index-container">
    <div class="index-content">

      <div class="Administration ">
        <ul class="clearfix ">
          <li ng-class="{'active':tabShow==1}" ng-click="tabShow=1">案件管理</li>
          <li ng-class="{'active':tabShow==2}" ng-click="tabShow=2">任务管理</li>
          <li ng-class="{'active':tabShow==3}" ng-click="tabShow=3">客户管理</li>
          <li ng-class="{'active':tabShow==4}" ng-click="tabShow=4">团队管理</li>
          <li ng-class="{'active':tabShow==5}" ng-click="tabShow=5">日程管理</li>
          <li ng-class="{'active':tabShow==6}" ng-click="tabShow=6">数据搜索</li>
        </ul>
      </div>
      <!--swiper-Tab-->

      <div class="show-list">

        <!---tabShow1 -->
        <div class="media" ng-show="tabShow==1">
          <div class="media-left media-middle w60B bigTab">
            <a href="javascript:;"><img src="assets/img/tabimgs/list-1.png" alt="" style="width:100%"></a>
          </div>
          <div class="media-body">
            <div class="textcenter">
              <h4 class="color5a">案件管理</h4>
              <p class="colorA">案件信息可视化，为办案提供分析基础成员信息实时共享，高效协作案件任务工时统计，可视化展示更直观</p>
            </div>
          </div>
        </div>
        <!---tabShow1 end-->
        <!---tabShow2 -->
        <div class="media" ng-show="tabShow==2">
          <div class="media-left media-middle w60B bigTab">
            <a href="javascript:;"><img src="assets/img/tabimgs/list-2.png" alt="" ></a>
          </div>
          <div class="media-body">
            <div class="textcenter">
              <h4 class="color5a">任务管理</h4>
              <p class="colorA">直观地了解案件工作进展成员的任务进度一目了然内置模板支持灵活自定义，规范办案流程</p>
            </div>
          </div>
        </div>
        <!---tabShow2 end-->

        <!---tabShow3 -->
        <div class="media" ng-show="tabShow==3">
          <div class="media-left media-middle w60B bigTab">
            <a href="javascript:;"><img src="assets/img/tabimgs/list-3.png" alt="" ></a>
          </div>
          <div class="media-body">
            <div class="textcenter">
              <h4 class="color5a">客户管理</h4>
              <p class="colorA">客户信息有序管理，与案件便捷关联企业工商信息一键查看，准确掌握沟通记录随手记，建立固定资源</p>
            </div>
          </div>
        </div>
        <!---tabShow3 end-->

        <!---tabShow4 -->
        <div class="media" ng-show="tabShow==4">
          <div class="media-left media-middle w60B bigTab">
            <a href="javascript:;"><img src="assets/img/tabimgs/list-4.png" alt="" id="w61B" ></a>
          </div>
          <div class="media-body">
            <div class="textcenter">
              <h4 class="color5a">团队管理</h4>
              <p class="colorA">邀请好友、同事创建团队办理案件，成员间平等协作构建稳定高效的协作团队</p>
            </div>
          </div>
        </div>
        <!---tabShow4 end-->
        <!---tabShow5 -->
        <div class="media" ng-show="tabShow==5">
          <div class="media-left media-middle w60B bigTab">
            <a href="javascript:;"><img src="assets/img/tabimgs/list-5.png" alt="" ></a>
          </div>
          <div class="media-body">
            <div class="textcenter">
              <h4 class="color5a">日程管理</h4>
              <p class="colorA">快速添加、随时随地便捷查看智能提醒，精准到一刻钟可与成员共享日程，实时同步</p>
            </div>
          </div>
        </div>
        <!---tabShow5 end-->
        <!---tabShow6 -->
        <div class="media" ng-show="tabShow==6">
          <div class="media-left media-middle w60B bigTab">
            <a href="javascript:;"><img src="assets/img/tabimgs/list-6.png" alt="" ></a>
          </div>
          <div class="media-body">
            <div class="textcenter">
              <h4 class="color5a">数据搜索</h4>
              <p class="colorA">基于大数据智能瞬时搜索，查询更精准关键信息准确定位，一键到达</p>
            </div>
          </div>
        </div>
        <!---tabShow6 end-->

      </div>


    </div>
  </div>
  <!--tab end-->
</section>

<div ng-include="'partials/login/termsheet/footer.html'"></div>

  <script>
  (function () {
    menuFixed('info');
    //页面滚动，置顶
    function menuFixed(id){
      var divBox = document.getElementById(id);
      if(divBox){
        var _getHeight = divBox.offsetTop;
        window.onscroll = function(){
          changePos(id,_getHeight);
        }
      }
    }
    function changePos(id,height){
      var divBox = document.getElementById(id);
      var style= {color:"#fcc", position:"absolute"};
      if(divBox){
        var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        if(scrollTop > height){
          $('.headerL').addClass('topbar');
          $('.logoJs').attr('src',"../img/logo-page1.png");

        }else{
          $('.headerL').removeClass('topbar');
          $('.logoJs').attr('src',"../assets/img/logo-page2.png");


        }
      }
    }
  }())


</script>
